#{extends 'sidebar.html' /}
<div id="demo" class="nav">  
    <form style="width:255px; margin:0px auto"> 
    <fieldset class="jcalendar"> 
       <legend style="color:white" id="title"></legend> 
       <div class="jcalendar-wrapper"> 
       <div class="jcalendar-selects"> 
         <select name="day" id="day" class="jcalendar-select-day" style ="display:none;"> 
           <option value="0"></option> 
           <option value="1">1</option> 
           <option value="2">2</option> 
           <option value="3">3</option> 
           <option value="4">4</option> 
           <option value="5">5</option> 
           <option value="6">6</option> 
           <option value="7">7</option> 
           <option value="8">8</option> 
           <option value="9">9</option> 
           <option value="10">10</option> 
           <option value="11">11</option> 
           <option value="12">12</option> 
           <option value="13">13</option> 
           <option value="14">14</option> 
           <option value="15">15</option> 
           <option value="16">16</option> 
           <option value="17">17</option> 
           <option value="18">18</option> 
           <option value="19">19</option> 
           <option value="20">20</option> 
           <option value="21">21</option> 
           <option value="22">22</option> 
           <option value="23">23</option> 
           <option value="24">24</option> 
           <option value="25">25</option> 
           <option value="26">26</option> 
           <option value="27">27</option> 
           <option value="28">28</option> 
           <option value="29">29</option> 
           <option value="30">30</option> 
           <option value="31">31</option> 
         </select> 
         <select name="month" id="month" class="jcalendar-select-month" onchange="changeTitle()" style ="display:none;"> 
           <option value="0"></option> 
           <option value="1">January</option> 
           <option value="2">February</option> 
           <option value="3">March</option> 
           <option value="4">April</option> 
           <option value="5">May</option> 
           <option value="6">June</option> 
           <option value="7">July</option> 
           <option value="8">August</option> 
           <option value="9">September</option> 
           <option value="10">October</option> 
           <option value="11">November</option> 
           <option value="12">December</option> 
         </select> 
         <select name="year" id="year" class="jcalendar-select-year" style ="display:none;"> 
          	#{list items:years ,as :'year'}
				<option value="${year.intValue()}">${year.intValue()}</option>
			#{/list}
         </select> 
       </div> 
       </div> 
    </fieldset> 
    </form> 
  </div> 

   <div id="selected_date" style = "display:none;">
  		
<span style="color:white;text-shadow:0px 0px 10px #fff;font-size:12px;"><img src='/public/images/famfam/date-icon.png'/>Selected Day Events</span>
  		<ul id="selected_events"></ul>
  </div>
  <div id = "todayEvents" style="color:#fff !important">
  
  
<div class="frontTitle"> Today's Events</div>
  <ul>
  	#{ if sprints.size()!=0 || sprints2.size()!=0 ||  meetings.size()!=0}
  	#{list items:sprints, as:'sprint'}
  	<div><img src='/public/images/famfam/date.png'/><a onClick="showProjectWorkspace(${sprint.project.id});loadBox('/sprints/showsprint?id=${sprint.id}','workspace-${sprint.project.id}','');">The Start of Sprint${sprint.sprintNumber} in Project ${sprint.project.name}</a></div>				
	
	#{/list}
	#{list items:sprints2, as:'sprint'}
	<div>
	<img src='/public/images/famfam/date.png'/><a onClick="showProjectWorkspace(${sprint.project.id});loadBox('/sprints/showsprint?id=${sprint.id}','workspace-${sprint.project.id}','');">The End of Sprint${sprint.sprintNumber} in Project ${sprint.project.name}</a></div>				
	#{/list}
	#{list items:meetings, as:'meeting'}
	<div>
	<img src='/public/images/famfam/meeting.png'/><a onclick="showProjectWorkspace(${meeting.project.id});loadBox('/meetings/viewMeeting?id=${meeting.id}','workspace-${meeting.project.id}','');">${meeting.project} Meeting : ${meeting.name}</a>				
	</div>
	#{/list}
	#{/if}
	#{else}
	<div>
	#{note}There are no events today.#{/note}
	</div>
	#{/else}
	</ul>
  </div>
<script type="text/javascript" charset="utf-8">
	loadEvents()
</script>